<!--包月-->
<template>
  <transition name="home" enter-active-class="animated slideInLeft" leave-active-class="animated fadeOutLeft">
    <div class="home">
        <Headers></Headers>
      <btnArea></btnArea>
      <links></links>
      <bookList></bookList>
      <adver></adver>
      <lianzai></lianzai>
      <wenben></wenben>
      <hotBookList></hotBookList>
      <Footers></Footers>
    </div>
  </transition>
</template>

<script>
  import Headers from '@/components/commons/header/header.vue'
  import btnArea from '@/components/monthly/btnArea/btnArea.vue'
  import links from '@/components/monthly/link/link.vue'
  import bookList from '@/components/monthly/bookList/bookList.vue'
  import hotBookList from '@/components/monthly/hotBookList/hotBookList.vue'
  import lianzai from '@/components/monthly/lianzai/lianzai.vue'
  import wenben from '@/components/monthly/wenben/wenben.vue'
  import adver from '@/components/monthly/adver/adver.vue'
  import Footers from '@/components/commons/footer/footer.vue'
  export default {
    name: 'Monthly',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    },
    components: {Headers, btnArea, links, bookList, hotBookList, lianzai, wenben, adver, Footers}
  }
</script>


<style scoped>

</style>
